<template>
	<view class="max_max">
		<view class="box-bg">
					<uni-nav-bar  :border="false" left-text="返回" left-icon="left" title="报修" @clickLeft='back'/>
				</view>
		<view class="max_center">
			<view class="max_center_box xian">
				<text >类型</text>
				<picker>
					<view class="hui">请选择报修类型 〉</view>
				</picker>
			</view>
			<view class="max_center_box xian">
				<text>地址</text>
				<text class="hui">清水湾2号楼1单元2103 〉</text>
			
			</view>
			<view class="max_center_box">
				<text>联系电话</text>
				<text class="hui">11223344556 〉</text>
				
			</view>
			<textarea name="wenben" id="" cols="30" rows="10" placeholder="请输入报修问题,以便维修人员尽快为您解决"></textarea>
			<view class="tu_max">
				<view class="tu_max_box1">
			
				</view>
				<view class="tu_max_box">
			
					<div class="shan">X</div>
				</view>
				<view class="tu_max_box">
				
					<div class="shan">X</div>
				</view>
				<view class="tu_max_box">
					
					<div class="shan">X</div>
				</view>
			</view>
			<view class="baoxiu" @click="go" >确认报修</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
	
		}
	},
		methods: {
			back(){
				uni.navigateBack({
					delta:1
				})
			},
			go(){
				uni.navigateTo({
					url:'/pages/repairRecord/repairRecord'
				})
			}
		}	
		
	}
</script>

<style lang="less">
.max_max{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	.max_center{
		width: 100%;
		height: 100%;
		align-self: center;
		display: flex;
		flex-direction: column;
		.max_center_box{
			// width: 721rpx;
			height: 104rpx;
			// background-color: aqua;
			line-height: 104rpx;
			display: flex;
			justify-content: space-between;
			font-size: 24rpx;
			color: #000000;
			.hui{
				color: #898989;
			}
		}
		.xian{
			border-bottom: 2rpx solid #f6f6f6;
		}
		textarea{
			width: 667rpx;
			height: 133rpx;
			border: 2rpx solid #c5c5c5;
			align-self: center;
			border-bottom-left-radius: 10rpx;
			border-bottom-right-radius: 10rpx;
			border-top-right-radius:10rpx;
			border-top-left-radius: 10rpx;
			font-size: 23rpx;
			padding-top: 25rpx;
			padding-left: 25rpx;
		}
		.tu_max{
			width: 537rpx;
			height: 112rpx;
		
			margin-left: 15rpx;
			margin-top: 18rpx;
			display: flex;
			justify-content: space-between;
			margin: 0 auto;
			.tu_max_box1{
				width: 96rpx;
				height: 95rpx;
				border: 2rpx solid #cbcbcb;
				align-self: flex-end;
				border-bottom-left-radius: 13rpx;
				border-bottom-right-radius: 13rpx;
				border-top-left-radius: 13rpx;
				border-top-right-radius: 13rpx;
				display: flex;
				justify-content: center;
				image{
					width: 45rpx;
					height: 40rpx;
					align-self: center;
				}
			}
			uni-section{
				width: 96rpx;
				height: 95rpx;
				border: 2rpx solid #cbcbcb;
				align-self: flex-end;
				border-bottom-left-radius: 13rpx;
				border-bottom-right-radius: 13rpx;
				border-top-left-radius: 13rpx;
				border-top-right-radius: 13rpx;
				display: flex;
				justify-content: center;
				.example-body{
					width: 100%;
					height: 100%;
					uni-file-picker{
						width: 100%;
						height: 100%;
					}
				}
			}
			.tu_max_box{
				width: 96rpx;
				height: 95rpx;
				background-color: gold;
				align-self: flex-end;
				border-bottom-left-radius: 13rpx;
				border-bottom-right-radius: 13rpx;
				border-top-left-radius: 13rpx;
				border-top-right-radius: 13rpx;
				position: relative;
				image{
					width: 100%;
					height: 100%;
				}
				.shan{
					width: 33rpx;
					height: 33rpx;
					background-color: #a3a5a8;
					position: absolute;
					right: -10%;
					top: -20%;
					border-radius: 50%;
					text-align: center;
					line-height: 33rpx;
					font-size: 14rpx;
					color: #ededee;
				}
			}
		}
		.baoxiu{
			width: 511rpx;
			height: 75rpx;
			background-color: #1f8fff;
			align-self: center;
			text-align: center;
			line-height: 75rpx;
			color: #fff;
			margin-top: 92rpx;
			border-bottom-left-radius: 35rpx;
			border-bottom-right-radius: 35rpx;
			border-top-right-radius:35rpx;
			border-top-left-radius: 35rpx;
			font-size: 30rpx;
		}
	}
}
</style>